:对话框元素

您所在的位置:网站首页 dialog based翻译 :对话框元素

:对话框元素

2023-05-04 20:19| 来源: 网络整理| 查看: 265

元素的早期实现在某些形式的辅助技术上仍存在可用性问题。为了保证 Safari 15.4 版本以下的无障碍性,推荐使用临时的解决方案(如:a11y-dialog)以获得持续的可用性支持。

在实现一个对话框时,考虑最合适的地方来设置用户焦点是很重要的。通过使用 autofocus (en-US) 属性明确指出初始焦点的位置,将有助于确保初始焦点被设置到被认为是任何特定对话框的最佳初始焦点位置的元素。由于并不总是知道初始焦点可以设置在对话框中的什么地方,特别是对于对话框的内容在被调用时动态呈现的情况,如果有必要,作者可以决定聚焦于 元素本身,提供最佳的初始焦点位置。

确保给予用户关闭对话框的机制。最有力的方法是给用户提供一个明确的按钮,如确认、取消或关闭按钮。此外,对于那些使用键盘设备的人来说,Escape 键通常也会用来关闭模态对话框。默认情况下,一个由 showModal() 方法调用的 将允许其被 Escape 关闭。非模态对话框默认不会通过 Escape 键来关闭,而且根据非模态对话框所代表的内容,它可能不希望有这种行为。如果打开了多个模态对话框,Escape 只应该关闭最后一个可见对话框。

浏览器使用 ARIA role="dialog" (en-US) 属性对 元素进行了类似于自定义对话框的暴露。由 showModal() 方法调用的 元素将有一个隐含的 aria-modal="true" (en-US)。而由 show() 方法调用的 元素,或通过使用 open 属性,或改变 的默认 display 而呈现的,将被暴露为 [aria-modal="false"]。建议使用适当的 showModal() 或 show() 方法来渲染对话框。

确保你的对话框实现不会破坏预期的默认行为,并遵循正确的标签建议。



【本文地址】


今日新闻


推荐新闻


CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3